import React from './react';
import ReactDOM from './react-dom';
let element1 = <h1 className="title" style={{color:'red'}}>hello</h1>
let element2 = React.createElement("h1", {
  className: "title",
  style: {
    color: 'red'
  }
}, "hello", /*#__PURE__*/React.createElement("span", null, "Ikki"));

console.log(element1)
console.log(element2)


ReactDOM.render(
  element2,
  document.getElementById('root')
);

// {
//   "type": "h1",
//   "key": null,
//   "ref": null,
//   "props": {
//       "className": "title",
//       "style": {
//           "color": "red"
//       },
//       "children": "hello"
//   },
//   "_owner": null,
//   "_store": {}
// }

// {
//   "type": "h1",
//   "props": {
//       "className": "title",
//       "style": {
//           "color": "red"
//       },
//       "children": [
//           {
//               "props": {
//                   "content": "hello"
//               }
//           },
//           {
//               "type": "span",
//               "props": {
//                   "children": {
//                       "props": {
//                           "content": "Ikki"
//                       }
//                   }
//               }
//           }
//       ]
//   }
// }